@charset "UTF-8";
.banner #boxhdp {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative; }
  .banner #boxhdp img {
    width: 100%; }

.banner #img li {
  width: 100%;
  height: 100%;
  float: left;
  text-align: center;
  display: none; }

.banner #img .current {
  display: block; }

.banner #li {
  position: absolute;
  left: 50%;
  bottom: 15px;
  margin-left: -55px; }
  .banner #li li {
    width: 13px;
    height: 13px;
    background-color: #ccc;
    border-radius: 50%;
    margin-right: 5px;
    float: left;
    cursor: pointer; }
  .banner #li .on {
    background-color: #f50; }

.banner #an {
  display: none; }
  .banner #an a {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.3);
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-family: "宋体";
    font-weight: 800;
    border-radius: 10px;
    font-size: 30px; }
  .banner #an:hover {
    background-color: rgba(0, 0, 0, 0.8); }
  .banner #an #prev {
    position: absolute;
    left: 2px; }
  .banner #an #next {
    position: absolute;
    right: 2px; }
